<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    .leftTiyle {
      font-size: 25px;
      padding-left: 30px;
      font-weight: 600;
      color: #545454;
      float: left;
    }

    .top {
      width: 100%;
      float: left;
      height: 100px;
      line-height: 100px;
      border-bottom: 1px solid #b0cdff;
    }

    .thisUser {
      float: right;
      margin-right: 30px;
    }

    #demo1,
    #demo2 {
      text-align: right;
      margin-right: 30px;
    }
  </style>
  <script th:src="@{/js/jquery.min.js}"></script>
  <link rel="stylesheet" th:href="@{/js/layui/css/layui.css}">
</head>

<body>
<div class="top">
  <div class="leftTiyle" id="flTitle" style="color: gray">信息管理</div>
  <div class="thisUser"></div>
</div>
<hr style="background-color: white;">
<blockquote class="layui-elem-quote">消息</blockquote>
<table class="layui-table">
  <thead>
  <tr>

    <th>信息ID</th>
    <th>发信人名称</th>
    <th>被投诉id</th>
    <th>信息内容</th>
    <th>状态</th>
    <th>操作</th>
  </tr>
  <tr>
    <th>ewf</th>
    <th>wef</th>
    <th>ewfreg</th>
    <th>wefref</th>
    <th>ewf</th>
    <th>
      <button type="button" class="layui-btn layui-btn-sm">
      删除
    </button>
    </th>
  </tr>

  </thead>
  <tbody class="table1">

  </tbody>
</table>
<div id="demo7"></div>

</body>
</html>